import React from 'react';
import { Button, Divider } from 'antd'
import ActionBtnGroup from './cpns/ActionBtnGroup';
import style from './index.module.css'

function HeaderActions(props) {
  return (
    <div className={style.header_actions}>
      <Button type='primary' className={style.loginBtn}>登录</Button>
      <Button danger className={style.registerBtn}>注册</Button>
      <div className='flex item_center'>
        <Divider type="vertical" style={{ height: '24px', backgroundColor: '#ebebeb', marginLeft: '20px' }} />
        <div className={style.actionBtn}>
          <ActionBtnGroup />
        </div>
      </div>
    </div>
  );
}

export default HeaderActions;